<template>
    <div class="home">
        <Header head-title="消费记录详情" go-back="true"></Header>
        <section class="group">
            <section class="Select IconCom" @click="Consumrecord()">
                <div class="IconLeft">
                    <img src="../../assets/img/iconhao.png" alt="">
                </div>
                <div class="InfoRight">
                  <div class="Select fonts">
                    <h3>挂号支付
                      <span class="fontC fontsMin">普通门诊</span>
                    </h3>
                    <p class="fontsB activecolor">￥9.0</p>
                  </div>
                    <p class="fonts">平顶山市第一人民医院.内科</p>
                    <div class="Select fontsMin fontC">
                      <p>201939320998489</p>
                      <p>2019-04-01 12:00:36</p>
                    </div>
                </div>
            </section>
        </section>
    </div>
</template>

<script>
import Header from '../../components/Header'
export default {
  data () {
    return {

    }
  },
  components: {
    Header
  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped>
.home {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0.8rem;
    overflow-y: auto;
}
</style>
